/*
 * Theme Name: Tuzki4.0
 * Theme Author: Apollo Coleone (Minjie Zhang)
 * Author Email: Ze.Apollo[at]Gmail.com
 * Author Blog: http://imapollo.blogbus.com
 * Version: 1.07
 * Description: based on Punkid's sandbox
 * Last Modified: Jul 26, 2009
 *
 * Revision 1.00, Nov 16, 2008, Author: Apollo
 * Revision 1.01, Dec 23, 2008, Author: Apollo
 * Revision 1.02, Mar 15, 2009, Author: Apollo
 * Revision 1.03, Mar 21, 2009, Author: Apollo
 * Revision 1.04, May 05, 2009, Author: Apollo
 * Revision 1.05, May 10, 2009, Author: Apollo
 * Revision 1.06, May 17, 2009, Author: Apollo
 * Revision 1.07, Jul 26, 2009, Author: Apollo
 *
 * Encoding: UTF-8
 * Special thanks to Punkid
 * (http://blog.punkid.cn/)
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* Global Setting
 * ------------------------------------------------------------------*/

body {
    font: 62.5%/1.6 Verdana,'Helvetica Neue',Helvetica,Sans-Serif;
    background: #FFF;
    color: #555;
    text-align: left;
}

p {
    margin: 0 0 1.2em;
}

h1, h2, h3, h4 {
    margin: 0.5em 0;
    font-weight: bold;
}

    h2 {
        font-size: 1.3em;
    }

    h3 {
        font-size: 1.25em;
    }

    h4 {
        font-size: 1.1em;
    }

a {
    color: #555;
    text-decoration: none;
}

a:hover {
    color: #01AAEF;
    text-decoration: none;
}

acronym, abbr {
    border-bottom: 1px dotted;
    cursor: help;
    letter-spacing: .07em;
}

input, textarea, select {
    font: 1em Verdana,'Lucida Grande',Helvetica,Sans-Serif;
    background: #FFF;
}

    input:focus, textarea:focus, input:hover, textarea:hover { }

code, var, pre {
    font: 12px 'Bitstream Vera Sans Mono',Monospace,Monaco,Consolas,Courier;
}

pre {
    overflow: auto;
}

code {
    background: #FAFAFA;
    border-color: #DDD #DDD #DDD #AAA;
    border-style: solid;
    border-width: 1px 1px 1px 6px;
    color: #555;
    display: block;
    font-size: 11px;
    line-height: 120%;
    padding: 8px 10px;
    white-space: pre;
    overflow: scroll;
}

blockquote {
    margin: 2em 0 2em 2em;
}

.center {
    text-align: center;
}

.floatleft {
    float: left;
    margin: 0 15px 10px 0;
}

.floatright {
    float: right;
    margin: 0 0 10px 15px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

    /* target IE6 and IE7 */
    * html .clearfix {
        height: 1%;
    }

    *+html .clearfix {
        height: 1%;
    }

.clear {
    clear: both;
}



/* Layout and Structure
 * ------------------------------------------------------------------*/

#wrapper {
    width: 100%;
    margin: 0;
    font-size: 12px;
}

#header {
    background: url(http://imapollo.blogbus.com/files/12264942490.gif) repeat-x top center;
    height: 97px;
}

    #innerHeader {
        width: 960px;
        margin: 0 auto;
    }

    #blogname {
        margin-left: 6px;
        float: left;
    }

    #tuzkiHead {
        float: right;
        margin-right: 80px;
    }

#navibar {
    background: url(http://imapollo.blogbus.com/files/12266338260.gif) repeat-x top center;
    height: 30px;
    color: #FFF;
    border-top: #323232 1px solid;
}

#innerNavibar {
    width: 940px;
    margin: 0 auto;
    padding-left: 20px;
    padding-top: 5px;
}

#navibarLeft {
    float: left;
}

    #navibar a {
        font-size: 12px;
        color: #AAA;
        margin-right: 30px;
    }

    #navibar a:hover {
        color: #FFF;
        text-decoration: none;
    }

    #navibar .navibarRss a {
        color: #01AAEF;
    }

    #navibar .navibarRss a:hover {
        color: #FFF;
    }

    #navibar .searchBar {
        float: right;
        display: inline;
        padding-right: 20px;
    }

    #navibar .searchBar form {
        display: inline;
    }

    #navibar .searchBar input {
        background: #1B1B1B;
        border: 1px solid #323232;
        color: #01AAEF;
    }

    #navibar .searchBar input.searchText {
        width: 130px;
        height: 15px;
    }

    #navibar .searchBar input.searchButton {
        border: 1px solid #1B1B1B;
    }

#shadow {
    background: url(http://imapollo.blogbus.com/files/12266346310.gif) repeat-x top center;
    height: 5px;
}

#content {
    margin: 0 auto;
    width: 960px;
}

    #primary {
        float: left;
        padding-left: 20px;
        width: 480px;
    }

    #secondary {
        float: right;
        width: 440px;
    }

    #secondaryLeft {
        float: left;
        width: 200px;
    }

    #secondaryRight {
        float: right;
        width: 200px;
        padding-right: 20px;
    }

#downShadow {
    background: url(http://imapollo.blogbus.com/files/12266532150.gif) repeat-x bottom left;
    height: 5px;
    margin: 0;
    padding: 0;
}

#footer {
    width: 100%;
    clear: both;
    margin: 0;
    padding: 0;
    background: url(http://imapollo.blogbus.com/files/12266530030.png) repeat top center;
}

#detailFooter {
    width: 100%;
    clear: both;
    margin: 10px 0 0 0;
}

#footerBg {
    background: url(http://imapollo.blogbus.com/files/12266713710.jpg) no-repeat right bottom;
    width: 960px;
    margin: 0 auto;
}

#detailCopyright {
    width: 720px;
    text-align: left;
    margin: 0 auto;
    padding-left: 240px;
    color: #444;
}

#innerFooter {
    width: 520px;
    margin: 0 auto;
    padding-right: 440px;
}

    div#copyright {
        text-align: left;
        margin-left: 18px;
    }


/* Detail Page Structure
 * ------------------------------------------------------------------*/

#detailPrimary {
    width: 960px;
}

#entryInfo {
    float: left;
    width: 200px;
    margin-left: 20px;
    margin-top: 32px;
    border-top: 1px solid #DDD;
}

    #entryInfo .detailInfo ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
    }

    #entryInfo .detailInfo li {
        border-bottom: 1px solid #DDD;
        margin: 0;
        padding: 0;
        overflow: hidden;
        display: block;
        list-style:none;
        line-height:23px;
        height:23px;
    }

    #entryInfo li.tagDetailInfo {
        overflow: show;
        height: auto;
        border-bottom: none;
    }

    #entryInfo .detailInfo label {
        color: #01AAEF;
    }

#entryContent {
    float: right;
    width: 700px;
    padding-right: 20px;
}

/* Styles
 * ------------------------------------------------------------------*/

#pagenavi {
    text-align: center;
    margin-bottom: 10px;
}

    #pagenavi span {
        color: #01AAEF;
        border: #CCC solid 1px;
        background: #EEE;
        padding: 2px;
    }

    #pagenavi a {
        border: #CCC solid 1px;
        background: #EEE;
        padding: 2px;
    }

#navigation {
    text-align: center;
}

    span.pre { }

    span.home { }

    span.next { }

#trackbacks {
    clear: both;
    float: right;
    width: 610px;
    padding: 10px 10px 10px 80px;
    margin-right: 20px;
    border: 1px dashed #DDD;
    background: #FAFAFA url(http://imapollo.blogbus.com/files/12267498770.jpg) no-repeat 10px 17px;
}

    #trackbacks h2 {
        padding: 0 0 2px 0;
        margin-bottom: 5px;
        border-bottom: 1px solid #DDD;
        font-size: 14px;
        font-weight: normal;
        line-height: 120%;
    }

    #trackbacks li {
        padding: 5px 0 5px 0;
        border-bottom: 1px dotted #DDD;
    }

    #trackbacks li h3 {
        font-size: 13px;
        font-weight: normal;
        line-height: 120%;
        margin: 0;
        padding: 0;
    }

div.entry {
    margin: 10px 0 10px 0;
}

    div.entryhead { }

        div.entrytitle {
            font-size: 14px;
            border-bottom: 1px solid #DDD;
        }

        div.entrytitle a {
            color: #555;
        }

        div.entrytitle a:hover {
            color: #01AAEF;
        }

        span.metadata {
            float: left;
        }

            span.metadata span.date { }

            span.metadata a.author { }

            span.metadata a:hover.author { }

        span.commentLink {
            float: right;
        }

        span.category {
            font-size: 12px;
        }

        div.entrybody {
            padding-top: 10px;
            color: #555;
            position: relative;
            vertical-align: baseline;
            overflow: hidden;
        }

        div.entrybody a {
            border-bottom: dotted #555 1px;
        }

        div.entrybody a:hover {
            border-bottom: dotted #01AAEF 1px;
        }

        div.entrybody p.cc-lisence {
            background: #FAFAFA;
            border: 1px solid #DDD;
            padding: 5px;
            line-height: 120%;
        }

        div.entrybody ul, div.entrybody ol {
            margin: 2em 0 2em 2em;
        }

        div.entrybody ul li {
            list-style: outside square;
        }

        div.entrybody ol li {
            list-style: outside decimal;
        }

        div.entrybody table {
            display: none;
        }

        div.entrybody table.mustshow {
            display: block;
        }

        div.entrybody table.mustshow tr td {
            width: 170px;
            height: 200px;
            text-align: center;
        }

        div.entrybody table a {
            border-bottom: none;
        }

        div.entrybody table a:hover {
            border-bottom: none;
        }

        div.entrybody table.mustshow a img {
            text-decoration: none;
            padding: 5px;
        }

        div.entrybody table.mustshow a img:hover {
            text-decoration: none;
            background: #DDD;
        }

        div.entrybody .quote {
            background: #FAFAFA url(http://imapollo.blogbus.com/files/12267498770.jpg) no-repeat 5px 5px;
            border-top: 1px solid #DDD;
            border-bottom: 1px solid #DDD;
            padding: 5px 5px 5px 70px;
        }

        div.entryfoot { }

        div.entryfoot span.tags { }

        div.entryfoot span.trackback { }

        .commentLink {
            width: 100px;
            height: 21px;
            text-align: right;
            overflow: hidden;
        }

        .commentLink a {
            display: block;
        }

        .commentLink .readmore {
            margin-top: -3.2em;
        }

        p.cc-lisence { }

        div.relpost { }

        div.addfav { }



/* Commentfield
 * ------------------------------------------------------------------*/

    #comments {
        clear: both;
        float: right;
        width: 700px;
        padding-right: 20px;
    }

    #comments h2 {
        padding: 0 0 2px 0;
        margin-bottom: 5px;
        border-bottom: 1px solid #DDD;
        font-size: 14px;
        font-weight: normal;
        line-height: 120%;
    }

    #comments li {
        margin-top: 10px;
        background: #FAFAFA;
        position: relative;
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        padding: 5px;
    }

    #comments li.even {
        margin-top: 10px;
        background: #FFF;
        position: relative;
        border: none;
        padding: 5px;
    }

        #comments li div.cmtBody { }

        #comments li div.menubar {
            margin: 0;
            padding: 0;
        }

            #comments li span.author { }

            #comments li span.time { }

            #comments li span.reply {
                position: absolute;
                left: -4em;
                top: -1px;
                width: 40px;
                height: 40px;
                background: url(http://imapollo.blogbus.com/files/12267495260.jpg) no-repeat;
                text-indent: -2008px;
            }

            #comments li span.reply a {
                outline-style: none;
                width: 40px;
                height: 50px;
                float: left;
                text-indent: -2008px;
            }

            #comments li div.reCmtBody {
                padding: 5px 0 5px 20px;
                margin-top: 5px;
                border-top: dotted 1px #DDD;
                color: #888;
            }

            #comments li div.reCmtBody span.author { }

            #comments li div.reCmtBody div.content { }

            #comments li div.reCmtBody div.time { }

            .cmtPagenav {
                clear: both;
                padding-left: 240px;
                padding-top: 10px;
            }

            .cmtPagenav span {
                color: #01AAEF;
                border: #CCC solid 1px;
                background: #EEE;
                padding: 2px;
            }

            .cmtPagenav a {
                border: #CCC solid 1px;
                background: #EEE;
                padding: 2px;
            }

    #commentForm {
        clear: both;
        float: right;
        width: 700px;
        margin-top: 10px;
        padding-right: 20px;
    }

    #commentForm h2 {
        padding: 0 0 2px 0;
        margin-bottom: 5px;
        border-bottom: 1px solid #DDD;
        font-size: 14px;
        font-weight: normal;
        line-height: 120%;
    }

    #commentForm form {
        width: 80%;
    }

    #commentForm form div {
        margin: 0 0 5px;
    }

    #commentForm form div input.textField {
        width: 240px;
        background: #FAFAFA;
        border: 1px solid #DDD;
    }

    #commentForm form div label {
        display: block;
        color: #444;
    }

    #commentForm form div textarea {
        width: 480px;
        background: #FAFAFA;
        border: 1px solid #DDD;
    }

    #commentForm form div span.emailnotice {
    }

    #commentForm form div.submit input.button {
        padding: 3px 8px;
        color: #444;
        background: #FAFAFA;
        border: 1px solid #DDD;
    }

    #commentForm form div.submit span.rememberBox input#cremember { }



/* Modules
 * ------------------------------------------------------------------*/

div.module {
    margin: 15px 0 10px 0;
}

    div.modTop { }

        div.module h2 {
            margin: 5px 0 0 0;
            font-size: 14px;
            font-weight: normal;
            line-height: 120%;
            border-bottom: #DDD solid 1px;
        }

    div.modBody { }

    div.modBody ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
    }

    div.modBody li{
        border-bottom: 1px solid #DDD;
        margin: 0;
        padding: 0;
        display: block;
        list-style: none;
        line-height: 23px;
        overflow: hidden;
        height: 23px;

    }

    div.modBody li a {
        font-family: Tahoma, Verdana, Arial;
        display: block;
        font-size: 12px;
        line-height: normal;
        padding: 5px 5px 5px 0;
    }

    div.modBody li a:hover {
        background-color: #F6F6F6;
        text-decoration: none;
    }

    div.modBodyFanfou ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
    }

    div.modBodyFanfou li {
        border-bottom: 1px solid #DDD;
        margin: 0;
        padding: 3px 0 3px 0;
        display: block;
        list-style:none;
        line-height: 19px;
    }

    div.modBodyFanfou li:hover {
        background-color: #F6F6F6;
    }

    div.modBodyFanfou li a {
        font-family: Tahoma, Verdana, Arial;
        display: block;
        font-size: 12px;
    }

    div.modBodyFanfou li a:hover {
        text-decoration: none;
    }

    div.modBodyFanfou img {
        display: none;
    }

    div.modBottom { }

    #profile { }

    #calendar { }

    #calendar table {
        text-align: center;
    }

    #calendar table tr { }

    #calendar table tr td {
        padding: 2px 3px;
    }

    #calendar table tr.calendarHead { }

    tr.calendarHead span.preMonth { }

    tr.calendarHead span.nextMonth { }

    #calendar table tr.week { }

    #calendar table tr.day { }

    #calendar table td.today {
        font-weight: bold;
    }

#search { }

#cats { }

#tags {
    display: inline;
}

#tags ul li {
    display: inline;
    border: none;
}

#tags ul li a {
    display: inline;
    padding: 0;
    margin-right: 3px;
}

#tags ul li span {
    display: none;
}

#nPosts { }

#nComments { }

#nComments a {
    display: inline;
}

#nComments li:hover {
    background-color: #F6F6F6;
}

#links { }

#archives { }

#login {
    color: #FFF;
}


/* Douban
 * style sheet for douban and template lists
 * -------------------------------------------------------------------*/

#douban div.doubanTitle {
    color: #999;
    margin: 0;
    padding: 0;
    line-height: 120%;
    font-size: 14px;
    padding-left: 2px;
    font-weight: bold;
}

#douban td {
    padding: 3px;
}
#douban td a {
    display: block;
    padding: 3px;
    background-color: #222;
    border: 1px solid #444;
}
#douban td a:hover {
    background-color: #222;
    border: 1px solid #01AAEF;
}
#douban td img {
    width: 65px;
    height: 85px;
}
#doubanContainer {
    padding-top: 5px;
    padding-left: 16px;
    width: 250px;
    float: left;
}

#worksContainer {
    float: right;
    padding-top: 5px;
    width: 250px;
}

/* Entries
 * BlogRoll
 * ------------------------------------------------------------------*/

#blogRoll a {
    color: #333;
    padding-right: 10px;
}

#blogRoll a:hover {
    color: #01AAEF;
}

#blogRollSort {
    font-size: 16px;
    color: #01AAEF;
    border-bottom: #aaa solid 1px;
    margin-right: 10px;
    padding-bottom: 5px;
    padding-top: 10px;
}


/* Hacks
 * read more (http://thomas.tanreisoftware.com/?p=11)
 * ------------------------------------------------------------------*/

/* target IE6 */
* html /*selector*/ { }

/* target IE7 */
*+html /*selector*/ { }

/* target Mozilla Firefox (Gecko) */
html:not([lang*=""]) /*selector*/ { }

/* target Opera */
@media all and (min-width:0px) {
    head~body:lang(en) /*selector*/ { }
}

/* target Safari 3 (webkit) */
@media all and (min-width:0px) {
    body:not(:root:root) /*selector*/ { }
}

/* target Konqueror */
html:not(:nth-child(1)) /*selector*/ { }
